<style src="./add-buy-type.css" scoped></style>
<template>
  <div class="model-wrap">
    <button class="btn btn-sm btn-primary"
      @click="showAddBuyTypeModal = true">添加付费套餐</button>
    <modal
      :title="'设置付费套餐'"
      ok-text="提交"
      cancel-text="取消"
      effect="fade"
      :small="true"
      :width="460"
      :show.sync="showAddBuyTypeModal"
      :callback="evtAddBuyType">
      <div slot="modal-body" class="modal-body">
        <div class="form-group text-left form-group-sm">
          <table class="table table-bordered table-condensed">
            <caption>
              <div class="form-inline">
                *套餐名称：<input type="text" class="form-control" v-model="buytype.title">
              </div>
            </caption>
            <thead>
              <tr>
                <th class="col-xs-3">*天数</th>
                <th class="col-xs-3">*原始价</th>
                <th class="col-xs-3">*折后价</th>
                <th class="col-xs-3">*货币类型</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="col-sm-3">
                  <input type="number" class="form-control" v-model="buytype.days">
                </td>
                <td class="col-sm-3">
                  <input type="number" class="form-control" v-model="buytype.price">
                </td>
                <td class="col-sm-3">
                  <input type="number" class="form-control" v-model="buytype.actualPrice">
                </td>
                <td class="col-sm-3">
                  <select class="form-control" v-model="buytype.amountType">
                    <option value="0">人民币</option>
                    <option value="1">港币</option>
                    <option value="2">美元</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </modal>
  </div>
</template>
<script src="./add-buy-type.js"></script>
